<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	template="/WEB-INF/template/template.xhtml">
	<ui:define name="body">

		<h:form>
			<div style="	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 80%;
	background-color: #fff;
	padding: 10px 12px;
	border: 1px solid #CCCCCC;
	top: 1%;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 0;
	height: 700px;">
				<rich:panel styleClass="height: 1100px;">
					<f:facet name="header">
        			CADASTRO
        		</f:facet>

					<h:panelGrid columns="2" style="margin: 0 auto;"
						columnClasses="width:100%; height:100%;">
						<h:outputLabel value="Usuário*:" />
						<h:inputText title="Usuário" size="50" maxlength="50"
							value="#{cadastroMB.usuario.login}" />
						<h:outputLabel value="Senha*:" />
						<h:inputSecret title="Senha" size="15" maxlength="15"
							value="#{cadastroMB.usuario.senha}" />
						<h:outputLabel value="Digite a senha novamente:" />
						<h:inputSecret title="Senha" size="15" maxlength="15"
							value="#{cadastroMB.validaSenha}" />
						<h:outputLabel value="Email:" />
						<h:inputText title="Email" size="50"
							value="#{cadastroMB.usuario.email}" />
						<h:outputLabel value="Nome*:" />
						<h:inputText title="Nome" size="50" maxlength="70"
							value="#{cadastroMB.usuario.nome}" />
						<h:outputLabel value="Data Nascimento:" />
						<rich:calendar value="#{cadastroMB.dataNascimento}"></rich:calendar>
						<h:outputLabel value="Sexo:" />
						<h:selectOneRadio value="#{cadastroMB.usuario.sexo}">
							<f:selectItem itemValue="1" itemLabel="Masculino"></f:selectItem>
							<f:selectItem itemValue="0" itemLabel="Feminino"></f:selectItem>
						</h:selectOneRadio>


					</h:panelGrid>
					<h:commandButton style="position: relative; left: 50%;"
						value="Cadastrar" action="#{cadastroMB.salvar}"></h:commandButton>
				</rich:panel>
			</div>
		</h:form>
	</ui:define>
</ui:composition>